<script setup>
import { ref } from 'vue';
import Child from './Child.vue';

const age = ref(18)

// Vue3 中的 v-model 相当于把 Vue2 中的 v-model 和 .sync 修饰符结合到了一起

const num = ref(10)
</script>
<template>
  <div>
    App: {{age}} {{num}}
    <hr/>
    <!-- <Child :age="age"/> -->
    <!-- <Child :modelValue="age" @updateAge="age = $event"/> -->
    <!-- <Child :modelValue="age" @update:modelValue="age = $event"/> -->
    <!-- //!和上面完全等价 -->
    <!-- <Child v-model:modelValue="age"/> -->
    <!-- //!和上面完全等价 -->
    <Child v-model="age" v-model:num="num" />
  </div>
</template>
